<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        #shuzu{
            background: #ccc;
        }
    </style>
</head>
<body>
    <input type="text" name="" id="txt">
    <input type="button" id="btn" value="排序">
    <span id="shuzu"></span>
</body>
<script>
    // 编写函数norepeat(arr) 将数组的重复元素去掉，并返回新的数组
    var arr1 = [1, 1, 2, 3, 4, 4, 2, 1, 3, 5]
    function norepeat(arr){
        // 循环数组
        for(var i=0;i<arr.length;i++){
            // 循环对比每一位
            for(var j=i+1;j<arr.length;j++){
                // 如果两个相等就删除当前的一位数据
                if(arr[i] === arr[j]){
                    var res = arr.splice(j,1)
                }
            }
        }
       return arr1;
    }
    console.log(norepeat(arr1))
    // 有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中。
    var arr2 = [12,4,23,15,48,35]
    var shuzu = document.getElementById("shuzu");
    var txt = document.getElementById("txt");
    var btn = document.getElementById("btn");
    
    // 将输入的原数组进行排序
    arr2.sort(function(m,n){return m-n})
    // 排序后显示在页面上
    shuzu.innerHTML = arr2;

    // 点击按钮
    btn.onclick = function (){
        // 将输入框的数据插入排好序的原数组
        arr2.push(txt.value)
        // 将插入后的新数组再次进行排序
        arr2.sort(function(m,n){return m-n})
        // 排序后的数组显示在页面上
        shuzu.innerHTML = arr2;
        // 清空输入框
        txt.value = ""
    }
    // 创建一个对象，该对象存储一个学生的信息，该对象包含学号、身份证、年龄、性别、所学专业等属性信息，同时该对象包含一个自我介绍的方法，用来输出该对象的所有信息
    var obj = {
        name:'toby',
        age:3,
        num:123456789,
        shenfenzheng:'麻麻说，身份证号码不能随便告诉人哦',
        sex:'nv',
        major:"H5",
        fun:function(){
            console.log("大家好，我叫"+obj.name+",今年"+obj.age+"岁了，我的学号为"+obj.num+","+obj.shenfenzheng+",性别是"+obj.sex+",我现在在千锋学"+obj.major+"哦")
        }
    }
    obj.fun()
</script>
</html>